<template>
	<view class="container">
		<view class="tabitem" v-for="(item,index) in tablist" :key="index" @click="clickto('/pages/cooperation/datainfo?type='+item.type)">
			<view class="flex" style="align-items: center;">
				<image class="tabicon" :src="item.icon" mode=""></image>
				{{item.name}}
			</view>
			<image style="width: 17rpx;height: 25rpx;" src="./static/right-arrow.png" mode=""></image>
		</view>

		<view class="title">
			<div class="titleline">

			</div>
			企业简介
		</view>
		<view class="word">
			3600 家办事处:注册地区:轻资产运作、不货、无资金压力、无业绩要求、跨区域拓展创收、跨行业资源变现、共享全国无死角人脉资源
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tablist: [{
						name: "代理商申请",
						icon: require('./static/tab1.png'),
						type:'agent'
					},
					{
						name: "贴牌申请",
						icon: require('./static/tab2.png'),
						type:'oem'
					},
					{
						name: "团购商申请",
						icon: require('./static/tab3.png'),
						type:'groupinfo'
						// grouppurchase
					},
					{
						name: "定制商申请",
						icon: require('./static/tab4.png'),
						type:'made'
					},
					{
						name: "品牌开发商申请",
						icon: require('./static/tab1.png'),
						type:'brand'
					},
					{
						name: "电商申请",
						icon: require('./static/tab5.png'),
						type:'online'
					},

				]
			};
		},
		methods:{
			clickto(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="less">
	.container {
		padding: 0 30rpx;

		.tabitem {
			// width: 690px;
			margin-top: 29rpx;
			height: 112rpx;
			background: #F7F7F9;
			border-radius: 20rpx;
			padding: 0 25rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			color: #333;
			font-size: 30rpx;
			font-weight: bold;

			.tabicon {
				width: 69rpx;
				height: 69rpx;
				margin-right: 20rpx;
			}
		}
	}

	.title {
		display: flex;
		align-items: center;
		font-size: 30rpx;
		margin: 51rpx 0 30rpx;
		color: #333;
		font-weight: bold;
	}

	.titleline {
		width: 8rpx;
		height: 28rpx;
		background: #FE712A;
		border-radius: 4rpx;
		margin-right: 10rpx;
	}

	.word {
		font-size: 28rpx;

		color: #333333;
		line-height: 50rpx;
	}
</style>
